<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><!--优先使用IE最高版或谷歌-->
    <meta name="renderer" content="webkit"><!--360浏览器兼容-->
	<title></title>
	<link rel="stylesheet" type="text/css" href="PC/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="PC/css/disman.css">
</head>
<body>
	<div class="bus_box">
		<div class="bus_msg">
			<a href="#">
				<div class="msg_img fl">
					<img src="PC/images/laba.svg">
				</div>
				<div class="msg_text fl">
					<p>
						您可在此模块完成对下级代理帐号的添加，充值，修改，删除等操作。
					</p>
				</div>
			</a>
		</div>
		<div class="bus_main">
			<div class="tab_hea">
				<h4 style="margin-top: 15px;">分销管理</h4>
				<hr>
				<div class="tab_hea_box thb1">
					<label>帐号</label>
					<input type="text" class="form-control" id="username_lbt"/>
				</div>
				<div class="tab_hea_box thb2">
					<label>手机号</label>
					<input type="text" class="form-control" id="mobile_lbt"/>
				</div>
				<div class="tab_hea_box thb3">
					<label>起止时间
						<input type="date" class="datetime-local" id="start_date_lbt" name=""value="" min="2017-09-16" max="2019-09-26"/>
					</label>
					<label>—
						<input type="date" class="datetime-local" id="end_date_lbt" name=""value="" min="2017-09-16" max="2019-09-26"/>
					</label>
				</div>
				
				<div class="tab_hea_box thb4">
					<label style="">余额状态</label>
					<select class="selectpicker" id="expired_at_lbt">
						<option value="0">不限</option>
						<option value="1">正常</option>
						<option value="2">余额不足</option>                        
					</select>
					<input class="selectpicker select_input" id="btn_cxlb" type="button" name="" value="查询">
				</div>
				<div class="tab_hea_box thb5">
					<input class="selectpicker select_input btn_tjyh" type="button" name="" value="添加帐号">
				</div>

				<br>
				<p>注：如果没有选择时间范围，默认查询本月的记录</p>
			</div>
			<table class="table table-hover table-bordered mt22">
				<thead>
					<tr>
						<th style="width: 2%"><!-- <span class="fh2j">返回</span> --></th>
						<th class="col-1">用户名</th>
						<th class="col-1">手机号</th>
						<th class="col-1">邀请码</th>
						<th class="col-1">管理级别</th>
						<th class="col-1">创建时间</th>
						<th class="col-1">最近登录</th>
						<th class="col-1">备注</th>
						<th class="col-1">操作</th>
					</tr>
				</thead>
				<tbody id="tbod_li"></tbody>
			</table>
<!-- 			<div class="pag_box">
				<ul class="pagination">
					<li><a href="#">首页</a></li>
					<li><a href="#">上一页</a></li>
					<li><a href="#">1</a></li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">···</a></li>
					<li><a href="#">97</a></li>
					<li><a href="#">98</a></li>
					<li><a href="#">99</a></li>
					<li><a href="#">下一页</a></li>
					<li><a href="#">尾页</a></li>
				</ul>
			</div> -->
		</div>

		<div class="pos_fixm_xg" style="">
			<form>
				<h5>编辑帐号</h5>
				<div id="xg_x" class="pos_fixm_xx">
					<img src="PC/images/guanbi.svg">
				</div>
				<hr>
				<div class="row">
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								邀请码：
							</label>
							<input type="text" class="form-control" id="invite_code" disabled value="系统生成的8位数">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								用户名：
							</label>
							<input type="text" class="form-control" required="required" id="agent_account_xg" onKeyUp="value=value.replace(/[\W]/g,'')" minlength="3" maxlength="16">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								密码：
							</label>
							<input type="text" onKeyUp="value=value.replace(/[\W]/g,'')" minlength="3" maxlength="18" class="form-control" required="required" id="password_xg">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								手机号：
							</label>
							<input type="text" onKeyUp="value=value.replace(/[\W]/g,'')" minlength="3" maxlength="18" class="form-control" required="required" id="mobile_xg">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6" style="width: 100%;">
						<div class="input-group">
							<label class="input-group-btn">
								溢价系数：
							</label>
							<input style="width: 50px;float: left;" type="text" class="form-control" required="required" maxlength="4" onkeyup="value=value.replace(/[^\d.]/g,'')" id="price_c_xg" value="1">
							<div class="je_div">溢价系数=售价/成本</div>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group danjialb">
							<label class="input-group-btn tjyh_labespan">
								基础日卡单价：<span id="jc_rk_xg">60</span>元
							</label>
							<br>
							<label class="input-group-btn">
								基础周卡单价：<span id="jc_zk_xg">160</span>元
							</label>
							<br>
							<label class="input-group-btn">
								基础月卡单价：<span id="jc_yk_xg">160</span>元
							</label>
							<br>
							<label class="input-group-btn">
								高级日卡单价：<span id="gj_rk_xg">160</span>元
							</label>
							<br>
							<label class="input-group-btn">
								高级周卡单价：<span id="gj_zk_xg">160</span>元
							</label>
							<br>
							<label class="input-group-btn">
								高级年卡单价：<span id="gj_nk_xg">160</span>元
							</label>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								备注：
							</label>
							<textarea class="form-control w200_h115" rows="3"  maxlength="100" id="remark_xg" ></textarea>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group fr">
							<input id="xg_sub" class="pos_fixm_bc" type="button" name="" value="保存">
							<input id="xg_q" class="pos_fixm_qx" type="button" name="" value="取消">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
				</div><!-- /.row -->
			</form>
		</div>
		<div class="pos_fixm_xf" style="">
			<form>
				<h5>帐号充值</h5>
				<div id="xf_x" class="pos_fixm_xx">
					<img src="PC/images/guanbi.svg">
				</div>
				<hr>
				<div class="row">
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								用户名：
							</label>
							<span><em id="agent_account_xf"></em></span>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								手机号：
							</label>
							<span><em id="mobile_xf"></em></span>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6 w115b">
						<div class="input-group">
							<label class="input-group-btn">
								实到金额：
							</label>
							<input type="text" class="form-control je_inpu" id="actual_money_xf" required="required" value="0" disabled>
							元
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6 w115b">
						<div class="input-group">
							<label class="input-group-btn">
								交易金额：
							</label>
							<input type="text" id="re_money_xf" class="form-control je_inpu" required="required" value="0">
							元
							<span class="je_spa">交易金额不得低于100元</span>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								流水号：
							</label>
							<input type="text" class="form-control" id="serial_number_xf" disabled >
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6 col_lg105b">
						<div class="input-group">
							<label class="input-group-btn">
								支付方式：
							</label>
							<div class="radio">
								<label>
									<input type="radio" name="pay_type_xf" id="" value="支付宝" checked>支付宝
								</label>
								<label>
									<input type="radio" name="pay_type_xf" id="" value="微信">微信
								</label>
								<label>
									<input type="radio" name="pay_type_xf" id="" value="其他">其他
								</label>
							</div>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group fr">
							<input id="xf_sub" class="pos_fixm_bc" type="button" name="" value="保存">
							<input id="xf_q" class="pos_fixm_qx" type="button" name="" value="取消">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
				</div><!-- /.row -->
			</form>
		</div>

		<div class="pos_fixm_sc" style="">
			<h5 style="color: #ff0018;">删除提示</h5>
			<div id="sc_x" class="pos_fixm_xx">
				<img src="PC/images/guanbi.svg">
			</div>
			<hr>
			<br>
			<div class="row">
				<div class="col-lg-6">
					<p>请确认是否删除，一经删除则不可恢复</p>
				</div>
			</div><!-- /.row -->
			<div class="input-group fr sc_sbuqbox">
				<input id="sc_sub" class="pos_fixm_bc" type="button" name="" value="确认">
				<input id="sc_q" class="pos_fixm_qx" type="button" name="" value="取消">
			</div><!-- /input-group -->
		</div>

		<div class="pos_fixm_tjyh" style="">
			<form>
				<h5>添加帐号</h5>
				<div id="tjyh_x" class="pos_fixm_xx">
					<img src="PC/images/guanbi.svg">
				</div>
				<hr>
				<div class="row">
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								邀请码：
							</label>
							<input type="text" class="form-control" id="invite_code" disabled value="系统生成的8位数">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								用户名：
							</label>
							<input type="text" class="form-control" required="required" id="agent_account_tjyh" onKeyUp="value=value.replace(/[\W]/g,'')" minlength="3" maxlength="16">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								密码：
							</label>
							<input type="text" onKeyUp="value=value.replace(/[\W]/g,'')" minlength="3" maxlength="18" class="form-control" required="required" id="password_tjyh">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								手机号：
							</label>
							<input type="text" onKeyUp="value=value.replace(/[\W]/g,'')" minlength="3" maxlength="18" class="form-control" required="required" id="mobile_tjyh">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6" style="width: 100%;">
						<div class="input-group">
							<label class="input-group-btn">
								溢价系数：
							</label>
							<input style="width: 50px;float: left;" type="text" class="form-control" required="required" maxlength="4" onkeyup="value=value.replace(/[^\d.]/g,'')" id="price_c_tjyh" value="1">
							<div class="je_div">溢价系数=售价/成本</div>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group danjialb">
							<label class="input-group-btn tjyh_labespan">
								基础日卡单价：<span id="jc_rk" class="tjyh_labespan">60</span>元
							</label>
							<br>
							<label class="input-group-btn">
								基础周卡单价：<span id="jc_zk">160</span>元
							</label>
							<br>
							<label class="input-group-btn">
								基础月卡单价：<span id="jc_yk">160</span>元
							</label>
							<br>
							<label class="input-group-btn">
								高级日卡单价：<span id="gj_rk">160</span>元
							</label>
							<br>
							<label class="input-group-btn">
								高级周卡单价：<span id="gj_zk">160</span>元
							</label>
							<br>
							<label class="input-group-btn">
								高级年卡单价：<span id="gj_nk">160</span>元
							</label>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								帐户类型：
							</label>
							<div class="radio rad_lab_w">
								@if(Session::get(Config::get('custom.setting.MEMBER_ROLE_ID')) == 2  ||Session::get(Config::get('custom.setting.MEMBER_ROLE_ID')) == 1)
								<label>
									<input type="radio" name="role_id_tjyh" id="" value="3" checked>一级代理
								</label>
								@endif
								@if(Session::get(Config::get('custom.setting.MEMBER_ROLE_ID')) == 3)
								<label>
									<input type="radio" name="role_id_tjyh" id="" value="4">二级代理
								</label>
								@endif
							</div>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								备注：
							</label>
							<textarea class="form-control w200_h115" rows="3"  maxlength="100" id="remark_tjyh" ></textarea>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group fr">
							<input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
							<input id="tjyh_sub" class="pos_fixm_bc" type="button" name="" value="保存">
							<input id="tjyh_q" class="pos_fixm_qx" type="button" name="" value="取消">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
				</div><!-- /.row -->
			</form>
		</div>
	</div>
<script type="text/javascript" src="PC/js/jquery-3.3.1.js"></script>
<script type="text/javascript" src="PC/js/disman.js"></script>
</body>
</html>